<template>
  <div class="reasonBox">
      <h2>{{ reasonBox.title }}</h2>
      <hr>
      <div class="reason-box" v-html="reasonBox.content">
        
      </div>
  </div>
</template>
<script>
export default {
    data(){
        return {
           id:this.$route.params.id,
           reasonBox: {},
        }
    },
    created(){
      this.getDetailInfo();
    },
    methods:{
      getDetailInfo(){
        // 获取服务器的评论列表
        this.$http.get("api/getnew/"+this.id).then(result => {
          if(result.body.status === 0){
            this.reasonBox = result.body.message[0];
          }
        });
      }
    }
}
</script>
<style lang="scss">
   .reasonBox {
     padding: 5px;
        img {
          width: 100%;
        }
       h2 {
           font-size: 14px;
           padding: 15px 0;
           color: skyblue;
           text-align: center;
       }
   }
</style>
